<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
    <!--1.文本标签-->
    我是文字
    <b>我是加粗文字 blod</b>
    <i>我是斜体文字italic</i>
    <u>我是下划线文字 underline</u>
    <br><!--    换行标签-->
    <s>我是删除线文字</s>
    <mark>我是高亮文字</mark>
    <!--空格折叠现象：会会将连续的多个空格折叠成一个空格-->
    <!-- 转义符号-->
    我喜欢&nbsp;&nbsp;JavaScript
    <br>
    喜欢<xxxx>,是我xxx                  永远喜欢
        <br>
        我是嘻嘻嘻，喜欢&lt;xxx&gt;,是么xxx

    <!--2.标题标签，文字加粗，改变字号，内容独占一行 有垂直方向的行间距+-->
        <h1>我是一级标题</h1>
        <h2>我是二级标题</h2>
        <h3>我是三级标题</h3>
        <h4>我是四级标题</h4>
        <h5>我是五级标题</h5>

    <!-- 3.段落标签-->
        <p>我是段落</p>
        <p>我是段落</p>
        <p>我是段落</p>
    <!--4.分割线：会在页面生成一条水平的灰色分割线-->
        <hr>
    <!-- 5.假文  lorem Tab补齐-->
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque, quaerat.</p>
    <!--6.无序列表 unordered list type="none"去除列表项前标识符-->
        <ul type="none">
            <li>无序列表1</li>
            <li>无序列表2</li>
            <li>无序列表3</li>
        </ul>
    <!-- 7.有序列表 ordered list type值：1数字，A/a字母 I/i罗马数字-->
        <ol type="I">
            <li>有序列表1</li>
            <li>有序列表2</li>
            <li>有序列表3</li>
        </ol>


</body>
</html>